<%--
  Created by IntelliJ IDEA.
  User: 纯牛奶丶
  Date: 2017/12/25
  Time: 12:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/index.css">
  <script src="js/index.js"></script>
</head>
<body>
<div id="box">
  <div id="leftSide">
    <ul>
      <li class="fnt1"><a href="index.jsp">M</a></li>
      <li><a href="index.jsp"><img src="img/house1.png" alt=""><span>Home</span></a></li>
      <li><a href="personalMusic.jsp"><img src="img/music.png" alt=""><span>音乐馆</span></a></li>
      <li><a href="userLogin.jsp"><img src="img/login.png" alt=""><span>登陆</span></a></li>
      <li><a href="userRegister.jsp"><img src="img/register.png" alt=""><span>注册</span></a></li>
      <li><a href="adminLogin.html"><img src="img/admin.png" alt=""><span>管理员</span></a></li>
    </ul>
  </div>
  <div id="midTop">
    <strong>忘我音乐盒</strong>
    <section id="oSearch">
      <input type="text" id="input_search">
      <label for="input_search"><img src="img/search.png" alt=""></label>
    </section>
    <section id="playMusic">
      <audio>
        <source src="music/故乡.mp3">
      </audio>
      <img src="img/previous.png" alt="">
      <img src="img/play.png" alt="">
      <img src="img/next.png" alt="">
    </section>
    <section id="goLogin">
      <a href="userLogin.jsp">GO</a>
    </section>
  </div>
  <div id="scrollPic">
    <ul id="pic">
      <li style="display: block"><img src="img/singer3.jpg" alt=""></li>
      <li><img src="img/singer2.jpg" alt=""></li>
      <li><img src="img/singer1.jpg" alt=""></li>
      <li><img src="img/singer4.jpg" alt=""></li>
    </ul>
    <button type="button" id="previous"></button>
    <button type="button" id="next"></button>
  </div>
  <div id="rightMusicLi">
    <ul id="musicUl">
      <li><a href="#">认真的雪</a></li>
    </ul>
  </div>
</div>
</body>
</html>